﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>巡检引导页</title>
    <!--框架必需start-->
    @*<link href="~/Content/styles/learun-ui.css" rel="stylesheet" />*@
    <script src="~/Content/Scripts/jquery/jquery-1.10.2.min.js"></script>
    <link href="~/Content/styles/font-awesome.min.css" rel="stylesheet" />
    @*<script src="~/Content/Scripts/utils/LeSoft-ui.js"></script>*@
    @System.Web.Optimization.Styles.Render("~/Content/styles/LeSoft-ui.css")
    @System.Web.Optimization.Scripts.Render("~/Content/scripts/utils/js")

    <link href="~/Content/scripts/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Content/scripts/plugins/layer/layer.min.js"></script>
    <script src="~/Content/scripts/plugins/sparkline/jquery.sparkline.min.js"></script>
    <script src="~/Content/scripts/utils/content.js"></script>
    <script src="~/Content/scripts/utils/sparkline-demo.js"></script>
    <link href="~/Content/styles/anitmate.css" rel="stylesheet" />
    <link href="~/Content/styles/style.css?v=4.1.0" rel="stylesheet" />
    <link href="~/Content/styles/Merto.css" rel="stylesheet" />
    <style type="text/css">
        #circularMenu {
            padding: 0;
            margin: 0 auto;
            height: 300px;
            width: 300px;
            background: #fff url(/Content/images/Menu/background.gif) no-repeat;
            margin-bottom: 20px;
            /*list-style: none;
        position: relative;
      
      
       */
        }

    #circularMenu li {
            display: block;
            width: 60px;
            height: 60px;
            position: absolute;
        }

        #circularMenu li.home {
            left: 209px;
            top: 4px;
            background: url(/Content/images/Menu/index_zxxj.png) no-repeat center center;
        }

        #circularMenu li.chat {
            left: 287px;
            top: 48px;
            background: url(/Content/images/Menu/index_khlxd.png) no-repeat center center;
        }

        #circularMenu li.email {
            left: 322px;
            top: 115px;
            background: url(/Content/images/Menu/index_wxrw.png) no-repeat center center;
        }

        #circularMenu li.address {
            left: 88px;
            top: 120px;
             background: url(/Content/images/Menu/index_tscl.png) no-repeat center center;
        }

        #circularMenu li.shop {
            left: 300px;
            top: 200px;
            background: url(/Content/images/Menu/index_sbzl.png) no-repeat center center;
        }


        #circularMenu li.delivery {
            left: 213px;
            top: 237px;
            background: url(/Content/images/Menu/index_yxkh.png) no-repeat center center;
        }
        #circularMenu li.search {
            left: 114px;
            top: 200px;
            background: url(/Content/images/Menu/index_yfgl.png) no-repeat center center;
        }
        #circularMenu li.upload {
            left: 118px;
            top: 42px;
            background: url(/Content/images/Menu/index_sprw.png) no-repeat center center;
        }
    #circularMenu li a b {
        display: none;
    }

    #circularMenu li a {
        display: block;
        width: 60px;
        height: 60px;
        text-align: center;
    }

        #circularMenu li a:hover {
            background: url(images/circle.gif);
            text-decoration: none;
            font-family: georgia, serif;
        }

            #circularMenu li a:hover b {
                position: absolute;
                display: block;
                width: 100px;
                height: 100px;
                font-size: 16px;
                color: #63352c;
                background: #fff;
            }

                #circularMenu li a:hover b span {
                    display: block;
                    font-size: 12px;
                    color: #888;
                    font-weight: normal;
                    margin-top: 15px;
                }

    #circularMenu li.home a:hover b {
        left: -22px;
        top: 100px;
    }

    #circularMenu li.chat a:hover b {
        left: -102px;
        top: 64px;
    }

    #circularMenu li.upload a:hover b {
        left: 63px;
        top: 64px;
    }

    #circularMenu li.email a:hover b {
        left: -132px;
        top: -11px;
    }

    #circularMenu li.address a:hover b {
        left: 93px;
        top: -11px;
    }

    #circularMenu li.shop a:hover b {
        left: -102px;
        top: -87px;
    }

    #circularMenu li.search a:hover b {
        left: 63px;
        top: -87px;
    }

    #circularMenu li.delivery a:hover b {
        left: -22px;
        top: -121px;
    }
</style>
    <script type="text/javascript">
        function OpenTab(num) {
            switch (num) {
                case "1": dialogOpen({ id: "DataItemSort", title: '设置巡检专业', url: '/PropertyManage/CS_Polling/ItemIndex', width: "800px", height: "500px", btn: null }); break;
                case "2": top.tablist.newTab({ id: "ItemForm", title: '添加巡检项目', closed: true, icon: "fa fa fa-eye", url: top.contentPath + '/PropertyManage/CS_Polling/ItemDetailIndex' }); break;
                case "3": top.tablist.newTab({ id: "ContentForm", title: '添加巡检内容', closed: true, icon: "fa fa fa-eye", url: top.contentPath + '/PropertyManage/CS_Polling/ContentIndex' }); break;
                case "4": top.tablist.newTab({ id: "CeritalForm", title: '添加工单标准', closed: true, icon: "fa fa fa-eye", url: top.contentPath + '/PropertyManage/CS_PollingBussiness/Index' }); break;
                case "5": top.tablist.newTab({ id: "AllForm", title: '所有工单', closed: true, icon: "fa fa fa-eye", url: top.contentPath + '/PropertyManage/CS_PollingBillInstance/Index' }); break;
                case "6": top.tablist.newTab({ id: "SecurityForm", title: '安全巡更', closed: true, icon: "fa fa fa-eye", url: top.contentPath + '/PropertyManage/SecurityPatrol/Index' }); break;

            }
        }
    </script>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-xs-4">
                <div class="golaMenu">
                    <ul id="circularMenu">
                        <li class="home"><a ><b>首页<br /><span>首页</span></b></a></li>
                        <li class="chat"><a ><b>客户联系<br /><span>客户联系</span></b></a></li>
                        <li class="email"><a ><b>物业维修<br /><span>物业维修</span></b></a></li>
                        <li class="shop"><a ><b>投诉处理<br /><span>投诉处理</span></b></a></li>
                        <li class="delivery"><a ><b>装修中心<br /><span>装修中心</span></b></a></li>
                        <li class="search"><a ><b>意向客户<br /><span>意向客户</span></b></a></li>
                        <li class="address"><a ><b>验房管理<br /><span>验房管理</span></b></a></li>
                        <li class="upload"><a ><b>计划任务<br /><span>计划任务</span></b></a></li>
                    </ul>
                </div>

            </div>
            <div class="col-xs-6">
                <div class="row row-sm text-center">
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="ibox">
                            <div class="ibox-content">
                                <h5 class="m-b-md">工单 未完成</h5>
                                <h2 class="text-navy">
                                    <i class="fa fa-play fa-rotate-270"></i> 500
                                </h2>
                                <small>更新时间:1小时以前</small>
                            </div>
                        </div>
                    </div>
                 
                </div>

            </div>
        </div>

        <div class="row">
            <div class="ibox-title" style="border-bottom:none;background:#fff;">
                <h5>报表数据</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-sw text-center">
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义饼状图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline7"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义柱状图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline8"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义线性图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline9"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义饼状图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline7"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义柱状图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline8"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>自定义线性图尺寸</h5>
                                <div class="ibox-tools">
                                    <a class="collapse-link">
                                        <i class="fa fa-chevron-up"></i>
                                    </a>
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="graph_sparkline.html#">
                                        <i class="fa fa-wrench"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-user">
                                        <li>
                                            <a href="graph_sparkline.html#">选项1</a>
                                        </li>
                                        <li>
                                            <a href="graph_sparkline.html#">选项2</a>
                                        </li>
                                    </ul>
                                    <a class="close-link">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="ibox-content text-center h-200">
                                <span id="sparkline9"></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>



    </div>


</body>
</html>
